html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
a img, iframe {
    border: none;
}
ol, ul {
    list-style: none;
}
input, textarea, select, button {
    font-size: 100%;
    font-family: inherit;
}
select {
    margin: inherit;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size:0;
}
body {
    width: 100%;
    font-family:  "微软雅黑", sans-serif;
    position: relative;
    background: #ffffff;
    overflow-x: hidden;
}
.pull-left{float: left}
.pull-right{float: right}
a{text-decoration: none}
.clearfix { *zoom:1;}
.wrapper{width: 1204px;margin: 0 auto;}
.header .header_top{padding:46px 0 ;border-bottom: 1px solid #eceded}
.header .logo_box img{height: 74px;float:left;display: block}
.header .logo_box p{margin-left:25px;float:left;display: inline;border-left: 1px solid #eceded;height: 48px;color: #443e3d;font-size: 15px;line-height: 18px;padding: 13px 0 13px 26px; }
.header .logo_box  span{display: block}
.header .logo_box  span.word{font-size: 18px;letter-spacing: 1px;padding-bottom: 12px;}
.header .pull-right>img{width:66px;height: 66px;padding-left: 22px;float: right;display: block}
.header .pull-right ul{float: right}
.header .pull-right ul li{color:#443e3d;font-weight: bold;font-size: 26px;line-height: 26px;padding-bottom: 17px;}
.header .pull-right ul li.clearfix{padding-bottom: 0;}
.header .pull-right ul li span.clearfix{padding-left: 0px;border-left: 1px solid #eceded;padding-right: 0;}
.header .pull-right ul li span{font-weight: normal;font-size: 17px;display: block;float: right;padding-right: 24px;line-height: 22px; }
.header .pull-right ul li img{display: block;;float: right;padding-left: 8px;}
.header .pull-right ul li span img.wb{width: 30px;height: 25px;margin-top: -2px}
.header .pull-right ul li span img.wx{width: 22px;height: 20px;}
.header .pull-right ul li span img.qn{width: 19px;height: 20px;}
.header .nav_box{padding:19px 0;border-bottom: 1px solid #eceded;top:0;width: 100%;background: #fff;z-index: 2;}
.header .nav_box li{float: left;padding:  0 26px;font-size: 12px;text-align: center;border-right: 1px solid #eceded }
.header .nav_box li a{color:#999999;}
.header .nav_box li.first{padding-left: 4px;}
.header .nav_box li.last{padding-right: 0;border-right: 0;}
.header .nav_box li span{font-size: 16px;font-weight: bold;line-height: 24px;color:#332c2b}
.header .nav_box li.on  span{color:#e22c07}
.footer{padding: 26px 0 28px;border-top: 1px solid #dcdcdc;}
.footer {text-align: center;color: #525557;font-size: 13px;line-height:  13px}
.footer  span{padding: 0 19px ;}
.footer  span img{padding-right: 8px;vertical-align: middle}
.footer p{padding-top: 15px;color: #545454}
.footer p span{margin:0  18px;border-right: 1px solid #dcdcdc;padding: 0;}

#backTop{position:fixed;bottom:142px;right:10px;width: 55px;height: 55px;background: url(../images/back_top.png) no-repeat;background-size: 55px 55px;z-index: 99;display: none;cursor: pointer}

.page_box{text-align: center;padding-top: 50px;padding-bottom: 60px;}
.page_box a{display: inline-block;margin-right:12px;border: 1px solid #dcdcdc;width: 38px;height:38px;line-height: 38px;text-align: center;font-size: 14px;color: #656565}
.page_box a.prev,.page_box a.next{width: 118px;}
.page_box a.on{border: 1px solid #e22c07;color: #e22c07;font-weight: bold;}
.page_box a.next{border-right: 1px solid #dcdcdc;}
.banner{ width:100%; height:531px; overflow:hidden; position:relative; }
.banner .hd{ height:12px; overflow:hidden; position:absolute; bottom:34px; z-index:1; width:100%;}
.banner .hd ul{ overflow:hidden; zoom:1;text-align: center ;margin: 0 auto;}
.banner .hd ul li{ float:left; margin: 0 8px;  width:12px; height:12px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%;}
.banner .hd ul li.on{ background:#e22c07; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; height:531px; display:block;  }
.banner .bd li a{position: relative}
.banner .bd li p{position: absolute;color:#fff;font-size: 32px;left:50%;margin-left: -20%;top:250px }
.content{position: relative}
.content .content_box{padding: 15px 54px 0 54px ;}
.content .index_box{padding-top: 50px;}
.content .index_box p{text-align: center}
.content .index_box p img{text-align: center;display: block;margin: 0 auto;padding-bottom: 8px;}
.content .index_box p span{color: #5d5858;font-size: 22px;}
.content .img_box{padding-top:36px; }
.content .img_box img{float: left;display: block;padding-left: 3px;height: 340px;width: 270px;}
 .online_box{position: absolute;left: 0px;top:862px;border: 1px solid #cbdaff;z-index: 2}
 .online_box > img{display: block;width: 160px;height: 50px;}
 .online_box div{background: #fff;padding: 9px 0 9px 8px;}
 .online_box div img{display: block}
 .online_box div p{position: relative;padding: 6px 0;}
 .online_box div p span{cursor:pointer;position: absolute;top:14px;left:36px;color:  #4587e8;font-size: 12px;line-height: 12px;}
.product_display{padding:20px 0 0 0}
.product_display .pull-left{padding-left:3px; }
.product_display .pull-left p{background: #e62129;color: #fefefe;letter-spacing: 9px;font-size: 20px;font-weight: bold;line-height:20px;width: 153px;padding:17px 0 17px 45px;}
.product_display .pull-left p span{font-size: 15px;letter-spacing: 0;font-weight: normal;text-align: left;padding-top: 6px;display: block}
.product_display .pull-left ul li{cursor:pointer;position:relative;background:#332c2b;padding: 18px 0 18px 19px;font-size: 16px;line-height: 16px;margin-top: 4px;}
.product_display .pull-left ul li a{color:#fefefe;}
.product_display .pull-left ul li span{position: absolute;right: 0;top:0;}
.product_display .pull-left ul li.on{opacity: 0.8;filter:alpha(opacity=80);  -moz-opacity:0.8; -khtml-opacity:0.8;  }
.product_display  .pull-right{width: 886px;}
.product_display  .pull-right .pro_box{position:relative;width: 213px;height: 230px;border: 1px solid #dcdcdc;float: left;margin: 0 3px 6px; }
.product_display  .pull-right .pro_box .img_box{cursor: pointer}
.product_display  .pull-right .pro_box img{    padding-bottom:20px;margin: auto;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  max-height: 180px;  max-width: 193px;}
.product_display  .pull-right .pro_box p{position: absolute;bottom:15px;color: #525557;font-size: 14px;text-align: center;width:213px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shop_display_box ul.choose{float: left}
.shop_display_box{padding-top: 35px;}
.shop_display_box ul.choose li {cursor:pointer;font-size:14px;position:relative;width:130px;line-height:22px;text-align:center;padding:27px 0;background:  #1f1d1d;color: #999999;margin-bottom: 11px}
.shop_display_box ul.choose li.on{color: #fff;background: #e22c07}
.shop_display_box ul.choose li i{z-index:1;display:none;background: url("../images/choose_flag.png") no-repeat;background-size: 10px 12px;width:10px;height:12px;position: absolute;right: -10px;top:43px;}
.shop_display_box ul.choose li.on i{display: block}
.shop_display_box ul.display_info { float: left;height: 354px;}
.shop_display_box ul.display_info .pull-left{width:260px;padding: 30px 34px 39px 36px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; }
.shop_display_box ul.display_info li{display: none;}
.shop_display_box ul.display_info li .info{height:318px;overflow: hidden;text-overflow: ellipsis; }
.shop_display_box ul.display_info li .info p.tit{color: #e22c07;font-size:18px;font-weight: bold;padding-bottom: 26px;}
.shop_display_box ul.display_info li .info p{font-size: 14px;line-height: 24px;color: #525557}
.shop_display_box ul.display_info li a{margin:0 auto;display: block;width: 118px;height: 34px;border: 1px solid #dcdcdc;line-height:34px;text-align: center;color: #e22c07;font-size: 14px; transition: 0.5s;-webkit-transition: 0.5s;}
.shop_display_box ul.display_info li a:hover{background:#e22c07;color: #fff;  transition: 0.5s;-webkit-transition: 0.5s;border: 1px solid #e22c07}
.shop_display_box ul.display_info .imgs—box{width: 634px;}
.shop_display_box ul.display_info .imgs—box img{width: 422px;height: 294px;display: block;float: left;}
.shop_display_box ul.display_info .imgs—box .small_img {float: right;width: 206px;}
.shop_display_box ul.display_info .imgs—box .small_img img{width: 206px;height: 143px;margin-bottom: 7px;}
.shop_display_box ul.display_info .imgs—box .bottom_img{margin-right: -5px;}
.shop_display_box ul.display_info .imgs—box .bottom_img img{width: 208px;height: 124px;margin-right: 5px;}
.cooperation_box{border-right: 0;border-bottom: 0;margin-top: 68px;}
.cooperation_box div{width: 271px;height: 209px;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;float: left;position: relative;}
.cooperation_box div img{    margin: auto;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  max-height: 209px;  max-width: 271px;}
.service_img_box{margin-top: 80px;}
.service_img_box div{margin: 0 35px;float: left;text-align: center; }
.service_img_box .imgbox{border: 6px solid #dcdcdc;border-radius: 50%;width: 98px;height: 98px;margin-bottom: 15px;position: relative;cursor: pointer;}
.service_img_box .imgbox:hover{border: 6px solid #e22c07}
.service_img_box img{width: 40px;height: 40px;display: block;margin: auto;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;;}
.service_img_box p{  color: #525557;font-size: 14px;}
.news_box_list{margin-top: 46px;border-top: 1px solid #dcdcdc;padding-top: 46px;margin-bottom:35px }
.news_box_list .news_box{width:339px;float: left;margin-right: 37px; }
.news_box_list .news_box.last{margin-right: 0;}
.news_box_list .news_box.last .top{margin-bottom: 0;}
.news_box_list .news_box .top{margin-bottom: 17px;}
.news_box_list .news_box .top p.tit{padding-left: 9px;border-left:3px solid #e22c07;color:#525557;font-size: 16px;float: left}
.news_box_list .news_box .top p.tit span{color:#cccccc;font-size: 11px;}
.news_box_list .news_box .top a{float: right;margin-top: 8px;}
.news_box_list .news_box .top a img{width: 15px;height: 15px;}
.news_box_list .news_box >img{width: 337px;height: 110px;display: block}


.news_box_list .news_box .bottom{width:337px;  overflow:hidden; position:relative;margin-top: 7px;  }

.news_box_list .news_box .bottom .bd ul{ overflow:hidden; zoom:1; }
.news_box_list .news_box .bottom .bd ul li{ zoom:1; }
.news_box_list .news_box .bottom .bd ul li img{vertical-align:middle ;width:5px;height: 5px;padding-right:3px }
.news_box_list .news_box .bottom .bd ul li a{ line-height:30px;font-size: 13px;color:#525557;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition: 0.5s;-webkit-transition: 0.5s}
.news_box_list .news_box .bottom .bd ul li a:hover{color:#e22c07;transition: 0.5s;-webkit-transition: 0.5s; }
.news_box_list .news_box.last .bottom div{padding-bottom: 3px;border-bottom: 1px dashed #dcdcdc;padding-top: 18px;}
.news_box_list .news_box.last .bottom div > p{margin-bottom: 14px;font-size: 13px;}
.news_box_list .news_box.last .bottom div > p span{color:#fff;margin-right: 10px;font-size: 12px;display: block;float: left;width: 19px;height: 19px;line-height: 19px;text-align: center }
.news_box_list .news_box.last .bottom div > p.question span{background: #3a3a3a;}
.news_box_list .news_box.last .bottom div > p.answer span{background: #e22c07;}
.news_box_list .news_box.last .bottom div > p.question a{color: #525557;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden;}
.news_box_list .news_box.last .bottom div > p.answer a{height:66px;line-height:22px;color: #999999;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;}
.news_box_list .news_box.last .bottom {height: 262px;overflow: hidden}

.pro_detail div.title{padding-bottom:16px;border-bottom: 3px solid #dcdcdc;position: relative}
.pro_detail div.title .pro_tit{position:absolute;top:0;left:0;padding-top:0;color: #e62129;font-size: 32px;line-height:32px ;margin-top: 0;padding-bottom: 17px;border-bottom: 3px solid  #f08519;}
.pro_detail div.title p{float: right;color:  #525557;font-size: 14px;line-height: 14px;padding-top: 19px}

.pro_detail .pro_detail_info_box{padding-top: 65px;padding-bottom: 44px;border-bottom: 1px dotted #dcdcdc;margin-left: 20px;}
.pro_detail .pro_detail_info_box .pro_detail_info{position:relative;  height:294px;width:428px;  float: left ;margin-right: 54px;}
.pro_detail .pro_detail_info_box  .pro_detail_info .prev,.pro_detail_info .next{ position:absolute;  display:block;  left:0; top:102px; width:36px; height:36px;  }
.pro_detail .pro_detail_info_box  .pro_detail_info .next{ left:auto; right:0;  }
.pro_detail .pro_detail_info_box  .pro_detail_img{ width:428px; height:294px; position:relative;   }
.pro_detail .pro_detail_info_box  .pro_detail_img .bd li{ vertical-align:middle; width:428px; height: 240px; }
.pro_detail .pro_detail_info_box  .pro_detail_img .bd li a{margin: 0 auto; display: block; height: 240px;line-height: 240px;  }
.pro_detail .pro_detail_info_box  .pro_detail_img .bd li img{ max-width:350px; max-height:240px; display:block; margin: 0 auto;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0; }
.pro_detail .pro_detail_info_box  .pro_detail_img .hd{text-align: center}
.pro_detail .pro_detail_info_box  .pro_detail_img .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
.pro_detail .pro_detail_info_box  .pro_detail_img .hd ul li{  position:relative; float:left; display:inline;  cursor:pointer; margin: 0 3px }
.pro_detail .pro_detail_info_box  .pro_detail_img .hd ul li img{ border:1px solid #dcdcdc;width:48px; height:48px;  display:block;  }
.pro_detail .pro_detail_info_box  .pro_detail_img .hd ul li.on img{ border:1px solid #e22c07;   }
.pro_detail .pro_detail_info_box .pro_content{float: left;width:340px;}
.pro_detail .pro_detail_info_box .pro_content p.tit{color: #e22c07;font-size: 18px;padding-bottom: 16px;border-bottom: 1px dotted #dcdcdc;width:333px;font-weight: bold }
.pro_detail .pro_detail_info_box .pro_content .info{padding-top: 4px;}
.pro_detail .pro_detail_info_box .pro_content .info p{font-size: 14px;color: #525557;line-height:36px;}
.pro_detail .pro_detail_info_box .pro_content .info .pro_word{line-height: 24px; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;height: 48px;}
.pro_detail .pro_detail_info_box .pro_content a{margin-top:38px;border-radius:5px;display: block;background: #e22c07;color: #fff;font-size: 14px;width: 105px;height:34px;line-height: 34px;text-align: center; }
.pro_detail .pro_detail_info_box .pro_content a img{margin-right:4px; }
.pro_detail .pro_detail_box{padding: 30px 27px 54px;}
.pro_detail .pro_detail_box p{font-size: 14px;color: #777777;line-height: 26px;}
.pro_detail .detail_display{padding-left: 27px;}
.pro_detail .detail_display img.bg{display: block;width: 856px;height: 90px;padding-bottom: 30px;}
.pro_detail .detail_display .detail_display_info{padding-bottom: 78px;}
.pro_detail .detail_display .detail_display_info img{display: block;margin: 0 auto;}
.company_info{border: 1px solid #dcdcdc;width: 994px;padding:38px 46px 46px; margin-bottom: 46px;}

.company_info .pro_detail div.title{width: 994px;}
.company_info .pro_detail{padding-bottom:32px; }
.company_info .company_content{padding-bottom: 92px;}
.company_info .company_content p{font-size: 16px;color: #666666;line-height: 30px;}
.company_info .company_content ul{float: left;width: 605px;}
.company_info .company_content ul li{font-size: 16px;color: #666666;line-height: 30px;}
.company_info .company_content p.img{width: 361px;height: 324px;display: block;float: right}
.company_info .code_box{margin: 36px auto 0;width: 680px;}
.company_info .code_box img{float: left;margin-right: 110px;width: 228px;height: 228px;}
.company_info .code_box ul{float: left;width: 342px;margin-bottom: 54px}
.company_info .code_box ul li.tit{color: #e22c07;font-weight: bold;font-size: 18px;padding-bottom: 15px;}
.company_info .code_box ul li{font-size: 14px;color: #525557;line-height: 26px;}
.company_info .code_box ul li.contact span{padding-left: 0;float: left}
.company_info .code_box ul li.contact div {float: left;padding-left: 10px;}
.company_info .code_box ul li span{padding-left: 12px;}
.company_info .code_box ul li.diff_tit{padding-top:50px;}
.map{width:988px;height: 580px;}
#allmap{width: 988px;height: 580px;}
.pro_detail .new_img_box{float: left;margin-right: 16px;width:170px;height: 134px;}
.pro_detail .new_img_box img{width: 100%;height: 134px;}
.pro_detail .news_container{padding: 28px 7px 28px 9px;border-bottom: 1px solid #dcdcdc;}
.pro_detail .news_list .new{width:865px;float: left}
.pro_detail .news_list .new p.tit{color:#3a3a3a ;font-size: 16px}
.pro_detail .news_list .new p.date{color:#999999 ;font-size:12px ;padding: 8px 0 15px;}
.pro_detail .news_list .new p.info{color:#525557;font-size:14px;line-height: 22px;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;height: 44px;}
.pro_detail .news_list .new a{border: 1px solid #dcdcdc;color: #666666;margin-top:12px;font-size: 12px;width: 84px;height: 24px;display: block;text-align: center;line-height: 24px;}
.pro_detail .news_list .new a img{margin-right: 4px}
.pro_detail .page_box{padding: 46px 0;}
.pro_detail .news_info_box .title_box{text-align: center;padding: 46px 025px;border-bottom: 1px dotted  #dcdcdc;}
.pro_detail .news_info_box .title_box p.date{font-size:12px ;color: #999999;padding: 10px 0;}
.pro_detail .news_info_box .title_box .title{color: #000000;font-size: 20px;}
.pro_detail .news_info_box .title_box  p{color: #333333;font-size: 12px}
.pro_detail .news_info_box .title_box  p img{vertical-align: -20%;margin: 0 2px 0 5px;  }
.pro_detail .news_info_box  .new_detail{text-align: center;padding-bottom: 80px;padding-top:47px;border-bottom: 1px dotted #dcdcdc;}
.pro_detail .news_info_box  .new_detail img{padding-bottom: 42px;width: 400px;height: 400px;}
.pro_detail .news_info_box  .new_detail p{font-size:14px ;color:#333333;line-height: 26px;text-align: left }
.pro_detail .page_info_box{padding: 15px 0 70px}
.pro_detail .page_info_box a{display: block;color: #999999;font-size: 14px;line-height: 32px}
.pro_detail .page_info_box a span{color: #333333;padding-left: 5px}
.pro_detail .page_info_box a:hover span{color: #e62129;text-decoration: underline}
.question_box .question_info{padding: 30px 10px 30px 4px;border-bottom: 1px solid #dcdcdc}
.question_box .question_info .title{font-size:16px ;color: #3a3a3a;font-weight: bold;line-height: 19px;}
.question_box .question_info .question {margin-right:15px;width: 19px;height: 19px;display: block;float: left;background: #3a3a3a;color: #ffffff;text-align:center;line-height:19px;font-size: 12px}
.question_box .question_info .answer{margin-right:15px;width: 19px;height: 19px;display: block;float: left;background: #e22c07;color: #ffffff;text-align:center;line-height:19px;font-size: 12px}
.question_box .question_info .date{font-size: 12px;color: #3a3a3a;padding-left: 33px;line-height: 34px}
.question_box .question_info .info{color: #525557;line-height:22px;font-size: 14px;}
.question_box .question_info span{float: left;width: 827px;}
.question_box .question_info  a{ margin-left: 33px;   border: 1px solid #dcdcdc;  color: #666666;  margin-top: 14px;  font-size: 12px;  width: 84px;  height: 24px;  display: block;  text-align: center;  line-height: 24px;}
.question_box .question_info a img {  margin-right: 4px;  }
.example_box{margin-right: -22px;}
.example_box .example_info{cursor:pointer;width: 278px;height:237px;border: 1px solid #dcdcdc;margin-top: 20px;float: left;margin-right: 22px}
.example_box .example_info img{width: 100%;height:194px;border-bottom: 1px solid #dcdcdc;display: block}
.example_box .example_info p{text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #525557;font-size: 14px;line-height: 14px;margin: 14px 0;}
.example_box .example_info p:hover{text-decoration: underline;color:#e62129 }
